<template>
    <menu-unfold-outlined v-if="show" class="trigger" @click="handlerHide" />
    <menu-fold-outlined v-else class="trigger" @click="handlerShow" />
</template>

<script lang="ts" setup>
import { MenuUnfoldOutlined, MenuFoldOutlined } from '@ant-design/icons-vue';

const emits = defineEmits(['update:show'])
defineProps<{
    show: boolean
}>()

const handlerHide = () => {
    emits('update:show', false)
}
const handlerShow = () => {
    emits('update:show', true)
}
</script>